$(function(){
	$('.list-content-div table thead tr th:last').attr("width","8%");
	$('.number').on('keyup',function(){
		var number=$(this).val();
		number=number.replace(/[^\d.]/g,"");  // 清除“数字”和“.”以外的字符
		number=number.replace(/\.{2,}/g,"."); // 只保留第一个. 清除多余的
		number=number.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
		number=number.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');// 只能输入两个小数
		if(number.indexOf(".")< 0 && number!=""){// 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于01、02的金额
			number= parseFloat(number);
		}
		$(this).val(number);
	});
	 // 新增窗口打开
	 $('#addButton').on('click', function() {
		// 此处清空input内容包括select
		$("#addWindow :input").val('');
		 $.post($('body').attr('ctxPath') +'/container/productCode?t='+new Date().getTime(),function(data){
			 if(!data.flag){
				 layer.alert(data.msg);
				 return;
			 }else{
				 $("#add_containerCode").val(data.msg);
			 }
			 $(".file-list .file").empty();
			 // select重新赋值
			 $("#add_containerType").val('-1');
			 $("#vesselTemplates1").val('0');
			 $('#addWindow').modal({show:true,moveable:true});
		 });
	 });
	
	// 新增容器保存
		$("#add").on('click',function(){
			 $.post($('body').attr('ctxPath') +'/container/addContainer?t='+new Date().getTime(),$('#addForm').serialize(),function(data){
				 if(data.state){//成功
					 $('#addWindow').modal('hide');
					 listui.refresh('mainUI');
					 layer.alert(data.msg);
					}else if(data.state!=null){
						layer.open({
			 				  title: '消息提示',
			 				  offset: '200px',
			 				  content:data.msg
			 				});
			 				$('body').scrollTop(100);
					}else{
						layer.open({
			 				  title: '消息提示',
			 				  offset: '200px',
			 				  content:"添加失败!"
			 				});
			 				$('body').scrollTop(100);
					}
		});
	});
		
		
		 // 编辑保存按钮
		 $("#edit").on('click',function(){
			 $.post($('body').attr('ctxPath') +'/container/editContainer?t='+new Date().getTime(),$('#editForm').serialize(),function(data){
				 if(data.state){
					 layer.close();// 关闭弹出层
					 listui.refresh('mainUI');
					 layer.open({
			 				  title: '消息提示',
			 				  offset: '200px',
			 				  content: data.msg
			 				});
					        $('#editWindow').modal('hide');
			 				$('body').scrollTop(100);
					}else if(data.state!=null){
						layer.open({
			 				  title: '消息提示',
			 				  offset: '200px',
			 				  content:data.msg
			 				});
			 				$('body').scrollTop(100);
					}else{
						layer.open({
			 				  title: '消息提示',
			 				  offset: '200px',
			 				  content:"添加失败!"
			 				});
			 				$('body').scrollTop(100);
					}
			 });
		 });
		 
		 
// 新增时选择不同模板时触发的事件
$("select[id='vesselTemplates1']").change(function(){
	var templateCode=$("select[id='vesselTemplates1']").val();
	$.post($('body').attr('ctxPath') +'/container/findContainerTemplateByTemplateCode?templateCode='+templateCode,function(data){
		if(data.state){
			var template=data.obj// obj对象
			$("#add_containerName").val(template.templateName);
			$("#add_containerType").val(template.templateType);
			$("#add_longs").val(template.longs);
			$("#add_wide").val(template.wide);
			$("#add_high").val(template.high);
			$("#add_bearWeight").val(template.bearWeight);
			$("#add_deadWeight").val(template.deadWeight);
		}else{
			$("#add_containerName").val("");
			$("#add_containerType").val("");
			$("#add_longs").val("");
			$("#add_wide").val("");
			$("#add_high").val("");
			$("#add_bearWeight").val("");
			$("#add_deadWeight").val("");
		}
	});
});		
	
// 编辑时选择不同模板时触发的事件
$("select[id='vesselTemplates2']").change(function(){
	var templateCode=$("select[id='vesselTemplates2']").val();
	$.post($('body').attr('ctxPath') +'/container/findContainerTemplateByTemplateCode?templateCode='+templateCode,function(data){
		if(data.state){
			var template=data.obj// obj对象
			$("#edit-containerName").val(template.templateName);
			$("#edit-containerType").val(template.templateType);
			$("#edit-longs").val(template.longs);
			$("#edit-wide").val(template.wide);
			$("#edit-high").val(template.high);
			$("#edit_deadWeight").val(template.bearWeight);
			$("#edit_bearWeight").val(template.deadWeight);
		}else{
			$("#edit-containerName").val("");
			$("#edit-containerType").val("");
			$("#edit-longs").val("");
			$("#edit-wide").val("");
			$("#edit-high").val("");
			$("#edit_deadWeight").val("");
			$("#edit_bearWeight").val("");
		}
	});
});			


$('#uploaderExample1').uploader({
	filters:{
		// 只允许上传jpg图片
        mime_types: [ {title: 'JPG图片', extensions: 'jpg'}],
		prevent_duplicates: false,
	},
	  autoUpload:true,// 当选择文件后立即自动进行上传操作
	  url:'upload-image',// 文件上传提交地址
	  responseHandler: function (responseObject, file) {
		  if (responseObject.status == 200) {
		  var data = $('#uploaderExample1').data('zui.uploader');
		  if(  $("#add_containerUrl").val()==''){
			  $("#add_containerUrl").val(file.remoteData);
		  }else{
			  $("#add_containerUrl").val($("#add_containerUrl").val() +';'+file.remoteData);
		  }
		  $("#deleteFile1").click(function(){
			  $("#add_containerUrl").val('');
			  data.removeFile(file);
		  });
		  }
	  }
});
	
	$('#uploaderExample2').uploader({
		filters:{
			mime_types: [ {title: 'JPG图片', extensions: 'jpg'}],
			prevent_duplicates: false,
		},
		autoUpload:true,// 当选择文件后立即自动进行上传操作
		url:'upload-image',// 文件上传提交地址
		  responseHandler: function (responseObject, file) {
			  var data = $('#uploaderExample2').data('zui.uploader');
	          if (responseObject.status == 200) {
	        	  var data = $('#uploaderExample2').data('zui.uploader');
	    		  if(  $("#add_attachmentUrl").val()==''){
	    			  $("#add_attachmentUrl").val( file.remoteData);
	    		  }else{
	    			  $("#add_attachmentUrl").val($("#add_attachmentUrl").val() +';'+file.remoteData);
	    		  }
	             $("#deleteFile2").click(function(){
	            	$("#add_containerUrl").val('');
	   			  data.removeFile(file);
	   		  });
	          }
		  }
	});
	
	$('#uploaderExample3').uploader({
		filters:{
			mime_types: [ {title: 'JPG图片', extensions: 'jpg'}],
			prevent_duplicates: false,
		},
		autoUpload:true,// 当选择文件后立即自动进行上传操作
		url:'upload-image',// 文件上传提交地址
		  responseHandler: function (responseObject, file) {
			  var data = $('#uploaderExample3').data('zui.uploader');
	          if (responseObject.status == 200) {
	        	  if( $("#edit-containerUrl").val()==''){
	    			  $("#edit-containerUrl").val( file.remoteData);
	    		  }else{
	    			  $("#edit-containerUrl").val($("#edit-containerUrl").val() +';'+file.remoteData);
	    		  }
	          }
		  }
	});
	
	$('#uploaderExample4').uploader({
		filters:{
			mime_types: [ {title: 'JPG图片', extensions: 'jpg'}],
			prevent_duplicates: false,
		},
		autoUpload:true,// 当选择文件后立即自动进行上传操作
		url:'upload-image',// 文件上传提交地址
		  responseHandler: function (responseObject, file) {
			  var data = $('#uploaderExample4').data('zui.uploader');
	          if (responseObject.status == 200) {
	        	  if(  $("#edit-attachmentUrl").val()==''){
	    			  $("#edit-attachmentUrl").val( file.remoteData);
	    		  }else{
	    			  $("#edit-attachmentUrl").val($("#edit-attachmentUrl").val() +';'+file.remoteData);
	    		  }
	          }
		  }
	});
});
// 解决qrcode中文乱码
function toUtf8(str) {
    var out, i, len, c;
    out = "";
    len = str.length;
    for (i = 0; i < len; i++) {
        c = str.charCodeAt(i);
        if ((c >= 0x0001) && (c <= 0x007F)) {
            out += str.charAt(i);
        } else if (c > 0x07FF) {
            out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
            out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
            out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
        } else {
            out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
            out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
        }
    }
    return out;
}

//页面渲染完成获取全局imageUrl
var imageUrl = $('#imageUrl').val();

// 自定义表格按钮
function handleOpRow(tr, obj) {
	tr.append($('<td/>').addClass('op').append($('<a/>', {
		"href" : "javascript:;",
		"data-id" : obj.id
	}).addClass('edit-item').text('编辑')).append($('<span/>').text(' | ')).append($('<a/>', {
		"href" : "javascript:;",
		"data-id" : obj.id
	}).addClass('delete-item').text('删除')));
}

// 数据表格展示重写
var path = $('body').attr('ctxPath');
function handleCellValue(tfNotUnderline, cellVal, obj, container) {// (列名，单元格值，行对象)
	 if (tfNotUnderline == "qrcode") {
			return '<img class="qrcode" src="'+path+'/eg.png" alt="二维码" style="width :20px" qrcode="'+obj.qrcode+'" title="点击查看大图" data-id="'+obj.id+'">';
    }else if(tfNotUnderline=='containerType'){
			if(cellVal=='0'){
				return '仓储容器';
			}else if(cellVal=='1'){
				return '运输容器';
			}
	} else {
	    return cellVal;
	}
}

// 点击二维码
$('.list-content-div table>tbody').delegate('tr>td>.qrcode','click',function(){
	$('#code').empty();// 清空二维码的内容
	var qrcode=$(this).attr('qrcode');
	if(qrcode!=null&&qrcode!=""){
		var qrcodeInfo =qrcode;
	}else{
		var qrcodeInfo ="2;"+$(this).attr('data-id');
	} 
	 $('#code').qrcode(toUtf8(qrcodeInfo));
	$("#qrcodeModal").modal({'show':true,'moveable':true});
});

//点击删除
$('.list-content-div table>tbody').delegate('tr>td>.delete-item', 'click', function() {
	// 根据id获取位置信息
	var id = $(this).attr('data-id');
	layer.confirm('确定删除吗？', {
		  btn: ['确认','取消'] // 按钮
		}, function(){
	$.get($('body').attr('ctxPath')+'/container/deleteContainer/'+id+'?t='+new Date().getTime(),function(data){
			if(data.state){
				 listui.refresh('mainUI');
				layer.msg(data.msg);
			}else{
				layer.open({
	 				  title: '消息提示',
	 				  offset: '200px',
	 				  content:"删除失败!"
	 				});
	 				$('body').scrollTop(100);
			}
		});
	})
	});

// 根据id获取管理容器信息并编辑容器信息
$('.list-content-div table>tbody').delegate('tr>td>.edit-item', 'click', function() {
	$("#editWindow :input").val('');
	$("#edit-containerUrl").val('');
	$("#edit-attachmentUrl").val('');
	$(".file-list .file").empty();
	$(".edit-image").remove();
	$(".wenzi").remove();
	$(".edit-delContainer").remove();
	$(".edit-delAttachment").remove();
	var id = $(this).attr('data-id');
	// 根据id获取容器信息
	$.get($('body').attr('ctxPath')+'/container/getContainer/'+id+'?t='+new Date().getTime(),function(data){
			if(data.state){
				var container=data.obj// obj对象
				$("#id").val(id);
				$("#edit-companyId").val(container.companyId);
				$("#edit-containerName").val(container.containerName);
				$("#edit-containerType").val(container.containerType);
				$("#edit-containerCode").val(container.containerCode);
				$("#vesselTemplates2").val(container.templateCode);
				$("#edit-longs").val(container.longs);
				$("#edit-wide").val(container.wide);
				$("#edit-high").val(container.high);
				$("#edit_deadWeight").val(container.bearWeight);
				$("#edit_bearWeight").val(container.deadWeight);
				$("#edit-permission").val(container.permission);
				$("#edit-unload").val(container.unload);
			    $("#edit-takePhoto").val(container.takePhoto);
				$("#edit-comment").val(container.comment);
				$("#edit-containerUrl").val(container.containerUrl);
				$("#edit-attachmentUrl").val(container.attachmentUrl);
				$("#edit_qrcode").val(container.qrcode);
				
				// 获取该容器已上传容器图片,已上传附件图片
				var arr1=new Array();
				var arr2=new Array();
				if(container.containerUrl!=''){
					arr1=container.containerUrl.split(';');
				}
				if(container.attachmentUrl!=''){
					arr2=container.attachmentUrl.split(';');
				}
				// 显示已上传容器图片
				if(arr1.length==0){
				}else{
					for(var i=0;i<arr1.length; i++){
						var imgHtml=
							"<div id='div"+arr1[i].substring(0,arr1[i].lastIndexOf("."))+"'>" +
								"<img  class='edit-image'  style='height:20px;width:30px;'  src='"+imageUrl+"/"+arr1[i]+"'/> " +
								"<div  class='wenzi' style='margin-top:5px;margin-right:300px;float:right;'>"+arr1[i].substring(9)+"</div>" +
								"<a class='edit-delContainer  icon icon-trash text-danger' ></a>" +
								"</div><div class='clearfloat'>" +
							"</div>";
						$("#showContainer").append(imgHtml);
					}
				}
				// 显示已上传附件图片
				if(arr2.length==0){
				}else{
					for(var i=0;i<arr2.length; i++){
						var imgHtml=
							"<div id='div"+arr2[i].substring(0,arr2[i].lastIndexOf("."))+"'>" +
								"<img  class='edit-image'  style='height:20px;width:30px;'  src='"+imageUrl+"/"+arr2[i]+"'/> " +
								"<div  class='wenzi' style='margin-top:5px;margin-right:300px;float:right;'>"+arr2[i].substring(9)+"</div>" +
								"<a class='edit-delAttachment  icon icon-trash text-danger'></a>" +
								"</div><div class='clearfloat'>" +
							"</div>";
						$("#showContainer1").append(imgHtml);
					}
				}
				$('#editWindow').modal({show:true,moveable:true});//弹出框
				
				// 删除指定容器图片
				$('.edit-delContainer').click(function(){
					var imgUrl=$(event.target||event.srcElement).closest('div').find("img").attr("src");
					var pattern=imageUrl+"/";//图片url前缀(域名/ip).
					imgUrl=imgUrl.replace(new RegExp(pattern),"");
					$.post($('body').attr('ctxPath') +'/container/delContainerImg?imgUrl='+imgUrl+"&id="+id,function(data){
						if(data.state){
							$('#div'+imgUrl.substring(0,imgUrl.lastIndexOf("."))).remove();
							$("#edit-containerUrl").val(data.containerUrl);
							layer.msg("删除成功");
						}
					});
				});
			 // 删除指定附件图片
		     $('.edit-delAttachment').click(function(){
					var imgUrl=$(event.target||event.srcElement).closest('div').find("img").attr("src");
					var pattern=imageUrl+"/";//图片url前缀(域名/ip).
					imgUrl=imgUrl.replace(new RegExp(pattern),"");
					$.post($('body').attr('ctxPath') +'/container/delAttachmentImg?imgUrl='+imgUrl+"&id="+id,function(data){
						if(data.state){
							$('#div'+imgUrl.substring(0,imgUrl.lastIndexOf("."))).remove();
							$("#edit-attachmentUrl").val(data.attachmentUrl);
							layer.msg("删除成功");
						}
					});
				});
				
			}else{
				layer.alert("获取数据失败!");
			}
		});
	});
